import { NotificationManager } from '/src/util/notification/notification.js'

function initEvent() {
    $('#save').on('click', handleSave)
    $('#cancel').on('click', handleCancel)
    $('#inputType').on('click', handleInputType)
}

function handleCancel() {
    $('#inputType').val('');
    $('#name').val('');
    $('#displayName').val('');
}

function handleSave() {
    const name = $('#name').val();
    const displayName = $('#displayName').val();

    if ($('#inputType').val() === 'input' &&
        (!name || !name.trim() ||
            !displayName || !displayName.trim())) {
        NotificationManager.error("请输入名称");
        return;
    }

    if (window.modalCallback) {
        var temp = $('#inputType').val() === 'date' ?
            `${$('#inputType').val()}` :
            `${$('#inputType').val()}-${$('#name').val()}-${$('#displayName').val()}`

        window.modalCallback({
            'searchBar': temp,
        });
    }
}

function handleInputType() {
    if ($('#inputType').val() === 'date') {
        $('#nameInput').hide();
        $('#displayNameInput').hide();
    } else {
        $('#nameInput').show();
        $('#displayNameInput').show();
    }
}

export function init() {
    $(document).ready(function () {
        initEvent();
    });
}